<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>闭包练习</title>
	<style type="text/css">
	ul,li,body,div{
		padding: 0;
		margin: 0;
	}
		ul>li{
			height: 50px;
			list-style: none;
		}
		ul>li:nth-of-type(2n){
			background: orange;
		}
		ul>li:nth-of-type(2n+1){
			background: lightblue;
		}
</style>
</head>
<body>
	<ul>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>
</body>
<script type="text/javascript">
		
		//console.log(sub_li)
		// for(var i=0;i<sub_li.length;i++){
		// 	(function(j){
		// 		sub_li[j].onclick=function(){
		// 			this.innerText=j;
		// 		}
		// 	}(i))
		// }

		//使用addEventListener绑定实现点击弹出对应顺序？
		//




		//鄙视题
		a=100;
		function demo(e){
			function e(){}
			arguments[0]=2;
			document.write(e);
			if(a){
				var b=123;
				function c(){

				}
			}
			var c;
			a=100;
			var a;
			document.write(b);
			f=123;
			document.write(c);
			document.write(a);
		}	
		var a;
		demo(1);
		document.write(a);
		document.write(f);

	//函数定义时
	// go:{
	// 	a:100
	// }
	// 
	// 函数调用时
	// ao:{
	// 	e:1->fn->2,
	// 	c:undefined,
	// 	a:undefined->100	
	// }

	//结果 2 undefined undefined 100 100 123
</script>
</html>